<template>
	<view class="charge-records">
		<view class="record">
			<view class="record-cell" v-for="(_item, _index) in charge_list" :key="_index">
				<view class="charge-num">
					<span>充值编号</span>
					<span>{{ _item.charge_id }}</span>
				</view>
				
				<view class="charge-date">
					{{ _item.charge_date }}
				</view>
			</view>
			
			<view class="record-cell">
				{{ _item.charge_title }}
			</view>
			
			<view class="record-cell">
				实付金额: {{ _item.charge_amount }}
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from "vue"
	
	const charge_list = ref(new Array(5).fill({
		charge_id: "101",
		charge_title: "充2000送200",
		charge_date: "2024-03-22",
		charge_amount: "2000"
	}))
</script>

<style>
</style>